<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <div class="banner">
        <ul>
            <li class="a"></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>

    <script>



        // 获取元素   qs   qsa
        //    querySelector  /  querySelectorAll

        // 循环事件绑定  ----  异步 i

        // addEventListener事件监听

        // this 在事件中指向绑定事件的这个标签

        // 标签的自定义属性和对象的自定义属性  ！！！！！！！！！！！！！

        // 表单的属性

        //    disabled   /  checked

        // 样式

        //    cssText

        //    getComputedStyle()

        //    className  /  classList



        // 1 轮播 (样式操作classList)

        // 2 全选和反选

        // 3 选项卡

        // 4 轮播v2
        //     图片动态生成
        //       var arr = ['1.jpg' , '2.jpg' , '3.jpg'] ;
        //     所有图片定位在一个地方  ，隐藏
        //     显示index对应的那一张

    </script>

</body>

</html>